 @mixin center{
     margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
 }
 body{
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }
 $head-height:75px;
 $center-width:996px;
 header{
     background-image:linear-gradient(0deg,#e0e0e0 10%,#f5f5f5);
        nav{
            display: flex;
            position: relative;
            img{
               position: absolute;
               left: 70px;
               top: 50%;
               transform:translateY(-50%);
            }
            .head-nav{
                width:  $center-width;
                height: $head-height;
                @include center;
                div{
                    width:  150px;
                    height: 70px;
                    text-align: center;
                    line-height: 70px;
                    position: relative;
                    &::after{
                        content: "";
                        display: inline-block;
                        height: 75px;
                        width: 1px;
                        position: absolute;
                        background-image: linear-gradient(0deg,#c1bfc0,#f1f0f1);;
                        left: 100%;
                        top: -5%;
                    }
                    &:hover{
                        background-color: #dedede;
                    }
                }
                
            }
     }
}
section{
    .banner{
            img{
                width: 100%;
                }
            }
    .content{
        width: $center-width;
        margin: 0 auto;
        padding: 60px;
            h1{
               margin-left: 40px;; 
            }
            .contact{
                width: 680px;
                margin: 0 auto;
              
                .ct-top{
                    font-size: 15px;
                    color:#acacac;
                    background-color:#efefef ;
                    padding-left: 14px;
                }
                .ct-bottom{
                    padding-left: 14px;
                    // color:#808082;
                    margin-top:40px;
                    div{
                        border-bottom: 1px dashed #bbbbbb;
                        
                    }
                    span{
                        font-size: 14px;
                        font-weight: bold;
                    }
                }
                .phone{
                    margin-top:35px ;
                    padding-left: 14px;
                    font-size: 14px;
                    // color:#808082;
                }
            }
    }
}
footer{
    background-color: #444444;
    .foot{
        height: 65px;
        width: $center-width;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: white;
        // border: 1px solid black;
        .foot-lf{
            display: flex;
            div{
                font-size: 10px;
                margin-left: 20px;
            }
        }
        .foot-rg{
            font-size: 10px;
            transform: scale(0.8);
        }
    }
}